﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>

    <link rel="stylesheet" href="~/Areas/Admin/Content/screen.css" type="text/css" />
    <link href="~/Areas/Admin/Content/PagedList.css" rel="stylesheet" type="text/css" />
    <!--[if IE]-->
    <link rel="stylesheet" href="~/Areas/Admin/Content/pro_dropline_ie.css" type="text/css" />
    <!--[endif]-->

    <!-- jquery core -->
    <script src="~/Areas/Admin/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
 
    <!-- checkbox styling script -->
    <script src="~/Areas/Admin/Scripts/ui.core.js" type="text/javascript"></script>
    <script src="~/Areas/Admin/Scripts/ui.checkbox.js" type="text/javascript"></script>
    <script src="~/Areas/Admin/Scripts/jquery.bind.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function () {
            $('input').checkBox();
            $('#toggle-all').click(function () {
                $('#toggle-all').toggleClass('toggle-checked');
                $('#mainform input[type=checkbox]').checkBox('toggle');
                return false;
            });
        });
    </script>

    <!--[if !IE 7]-->
    <!-- styled select box script version 1 -->
    <script src="~/Areas/Admin/Scripts/jquery.selectbox-0.5.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
        });
    </script>
    <!--[endif]-->

    <!-- styled select box script version 2 -->
    <script src="~/Areas/Admin/Scripts/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
            $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
        });
    </script>

    <!-- styled select box script version 3 -->
    <script src="~/Areas/Admin/Scripts/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
        });
    </script>

    <!--  styled file upload script --> 
    <script src="~/Areas/Admin/Scripts/jquery.filestyle.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $("input.file_1").filestyle({
                image: "@Url.Content("~/Areas/Admin/Images/forms/upload_file.gif")",
                imageheight: 29,
                imagewidth: 78,
                width: 300
            });
        });
    </script>



    <!-- Custom jquery scripts -->
    <script src="~/Areas/Admin/Scripts/custom_jquery.js" type="text/javascript"></script>

    <!-- Tooltips -->
    <script src="~/Areas/Admin/Scripts/jquery.tooltip.js" type="text/javascript"></script>
    <script src="~/Areas/Admin/Scripts/jquery.dimensions.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function () {
            $('a.info-tooltip').tooltip({
                track: true,
                delay: 0,
                fixPNG: true,
                showURL: false,
                showBody: " - ",
                top: -35,
                left: 5
            });
        });
    </script>

    <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD> png fix -->
    <script src="~/Areas/Admin/Scripts/jquery.pngFix.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
</head>














<body>
    <div>
        <!-- Start: page-top-outer -->
<div id="page-top-outer">    

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
	<a href=""><img src="~/Areas/Admin/Images/shared/logo.png" width="156" height="40" alt="" /></a>
	</div>
	<!-- end logo -->
	
	<!--  start top-search -->
	<div id="top-search">
		<table border="0">
		<tr>
		<td><input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" /></td>
		<td>
		 
		<select  class="styledselect">
			<option value="">All</option>
			<option value="">Products</option>
			<option value="">Categories</option>
			<option value="">Clients</option>
			<option value="">News</option>
		</select> 
		 
		</td>
		<td>
		<input type="image" src="~/Areas/Admin/Images/shared/top_search_btn.gif"  />
		</td>
		</tr>
		</table>
	</div>
 	<!--  end top-search -->
 	<div class="clear"></div>

</div>
<!-- End: page-top -->

</div>
<!-- End: page-top-outer -->
	
<div class="clear">&nbsp;</div>
 



@RenderBody()

    <div class="clear">&nbsp;</div>

    <!-- start footer -->
    <div id="footer">
	    <!-- start footer-left -->
	    <div id="footer-left">
	        Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="http://www.netdreams.co.uk">www.netdreams.co.uk</a>. All rights reserved.</div>
	    <!-- end footer-left -->
	    <div class="clear">&nbsp;</div>
    </div>
    <!-- end footer -->
</div>
</body>
</html>